<section class="main-section grid_7">
	<div class="main-content">
		<header>
			<ul class="action-buttons clearfix fr">
				<li><a href="/html/help/users.html" class="button button-gray no-text help" rel="#overlay">Help<span class="help"></span></a></li>
			</ul>
			<h2>Users</h2>
		</header> 
		<section class="container_6 clearfix">
			<div class="grid_6">
				<div class="tabbed-pane">
					<ul class="tabs">
						<li><a href="#">By Name</a></li>
						<li><a href="#">By Points</a></li>
					</ul>
					<div class="panes clearfix">
						<section id="usersOrderedByNameSection">
							<h3>Users ordered by name</h3>
							<p>Click on a user to view information.</p>
							<hr />
							<table class="datatable">
								<thead>
									<tr>
										<th>Name</th>
										<th>Points</th>
										<th></th>
									</tr>
								</thead>
								<tbody id="usersOrderedByNameTBody">
								</tbody>
							</table>
							<br />
							<div id="getMoreByName">
							<button class="button button-gray" onclick="getMoreByName(1)">See more</button>
							</div>
							<br />
						</section> 
						<section id="usersOrderedByPointsSection">
							<h3>Users ordered by points</h3>
							<p>Click on a user to view information.</p>
							<hr />
							<table class="datatable">
								<thead>
									<tr>
										<th>Name</th>
										<th>Points</th>
										<th></th>
									</tr>
								</thead>
								<tbody id="usersOrderedByPointsTBody">
								</tbody>
							</table>
							<br />
							<div id="getMoreByPoints">
								<button class="button button-gray" onclick="getMoreByPoints(1)">See more</button>
							</div>
							<br />
						</section>
					</div>
				</div>
			</div>
		</section>
	</div>
</section>
